<template lang="html">
  <div class="query-modal">
    <form class="form-horizontal">
      <div class="form-group">
        <label for="startTime" class="col-sm-2 control-label">开始时间</label>
        <div class="col-sm-10">
          <vue-date-picker
            :time.sync="params.startTime"
            :option='datePickerOption'>
          </vue-date-picker>
        </div>
      </div>
      <div class="form-group">
        <label for="endTime" class="col-sm-2 control-label">结束时间</label>
        <div class="col-sm-10">
          <vue-date-picker
            :time.sync="params.endTime"
            :option='datePickerOption'>
          </vue-date-picker>
        </div>
      </div>
      <template v-if="statementType === 'portfolioProfile' || statementType === 'portfolioUpdate'">
        <div class="form-group">
          <label for="type" class="col-sm-2 control-label">类型</label>
          <div class="col-sm-10">
            <select class="form-control" v-model="params.type">
              <option value="0">官方</option>
              <option value="2">达人</option>
              <option value="5">大V</option>
              <option value="">全部</option>
            </select>
          </div>
        </div>
        <div class="form-group">
          <label for="market" class="col-sm-2 control-label">市场</label>
          <div class="col-sm-10">
            <select class="form-control" v-model="params.market">
              <option value="0">A股</option>
              <option value="1">港股</option>
              <option value="">全部</option>
            </select>
          </div>
        </div>
      </template>
      <template v-if="statementType === 'statisticsDay'">
        <div class="form-group">
          <label for="market" class="col-sm-2 control-label">券商名称</label>
          <div class="col-sm-10">
            <select class="form-control" v-model="params.relaAccountType">
              <option value="01">国信</option>
              <option value="02">长城</option>
              <option value="03">港股</option>
              <option value="">全部</option>
              <option value="0">合计</option>
            </select>
          </div>
        </div>
        <div class="form-group">
          <label for="market" class="col-sm-2 control-label">渠道号</label>
          <div class="col-sm-10">
            <input class="form-control" type="text" v-model="params.channel">
          </div>
        </div>
      </template>
      <template v-if="statementType === 'statisticsMouth'">
        <div class="form-group">
          <label for="market" class="col-sm-2 control-label">券商名称</label>
          <div class="col-sm-10">
            <select class="form-control" v-model="params.relaAccountType">
              <option value="01">国信</option>
              <option value="02">长城</option>
              <option value="03">港股</option>
              <option value="">全部</option>
              <option value="0">合计</option>
            </select>
          </div>
        </div>
      </template>
      <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
          <button class="btn btn-primary" type="button"
            @click="submit">提交</button>
        </div>
      </div>
    </form>
  </div>
</template>

<script src="./query-modal.js"></script>
<style src="./query-modal.css" scoped></style>
